<template>
  <view class="container">
    <text class="activity-name">活动名称1</text>
    <text class="activity-type">分享活动</text>
    <text class="activity-status">审批状态：申请中；等待意见</text>
    <text class="activity-source">活动来源：派发</text>
    <text class="activity-time">活动时间：计划开始日期：2023/03/29 至 计划结束日期：2023/03/29</text>
    <text class="activity-duration">合计时长：1天</text>
    <text class="activity-location">活动区域：湖北省/武汉市/洪山区</text>
    <text class="activity-leader">活动牵头宣传组：宣传组名称1</text>
    <text class="enrollment-name">姓名：姓名1</text>
    <text class="enrollment-id">学号/工号：10001</text>
    <text class="enrollment-college">学院：A学院</text>
    <text class="enrollment-qq">QQ：10000</text>
    <text class="enrollment-wechat">微信：10000</text>
    <text class="enrollment-school">请选择意向前往中学（高中）：湖北一中, 湖北二中</text>
    <text class="enrollment-team-leader">是否愿意担任团队负责人：愿意</text>
    <text class="enrollment-experience">大学以来担任学生干部经历：团委书记</text>
  </view>
</template>

<style>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.activity-name, .activity-type, .activity-status, .activity-source, .activity-time, .activity-duration, .activity-location, .activity-leader, .enrollment-name, .enrollment-id, .enrollment-college, .enrollment-qq, .enrollment-wechat, .enrollment-school, .enrollment-team-leader, .enrollment-experience {
  font-size: 14px;
  margin-bottom: 10px;
}
</style>